<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册账号</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			
			.a {
				width: 100%;
				height: 100px;
				border-bottom: 1px solid #CCCCCC;
				box-shadow: #969696 0px 0px 8px;
			}
			
			.a img:nth-of-type(1) {
				position: relative;
				top: 10px;
				left: 80px;
				height: 60px;
			}
			
			.a p:nth-of-type(1) {
				color: #CCCCCC;
				position: absolute;
				top: 10px;
				right: 150px;
			}
			
			.a p a {
				text-decoration: none;
				color: #0066CC;
			}
			
			.a form {
				position: absolute;
				top: 10px;
				right: 50px;
			}
			
			.b {
				width: 400px;
				height: 500px;
				margin: 0 auto;
			}
			
			.b>p {
				font-family: "微软雅黑";
				font-weight: bold;
				font-size: 26px;
				text-align: center;
				position: relative;
				top: 40px;
			}
			
			.b1 {
				color: #6D6D6D;
				position: relative;
				top: 60px;
			}
			
			.b2 {
				color: #6D6D6D;
				position: relative;
				top: 70px;
			}
			
			.b3 {
				width: 180px;
				height: 60px;
				color: #6D6D6D;
				background-color: #57565F;
				border-radius: 3px;
				text-align: center;
				line-height: 60px;
				position: relative;
				top: 10px;
				left: 220px;
			}
			
			.b3 a {
				color: #ffffff;
				text-decoration: none;
			}
			
			.b3:hover {
				background: #4C4B53;
			}
			
			.b4 {
				color: #6D6D6D;
				position: relative;
				top: 20px;
			}
			
			.b5 {
				color: #6D6D6D;
				position: relative;
				top: 30px;
			}
			
			.b6>p {
				font-size: 12px;
				color: #6D6D6D;
				position: relative;
				top: 50px;
				left: 20px;
			}
			
			.b7 {
				position: relative;
				top: 60px;
				background: #FF3C3C;
				border-radius: 3px;
				width: 400px;
				height: 50px;
				color: white;
				text-align: center;
				line-height: 50px;
			}
			
			.b7 a {
				color: #FFFFFF;
				text-decoration: none;
			}
			
			.b7:hover {
				background: #FF1818;
			}
			
			.c {
				width: 400px;
				height: 100px;
				text-align: center;
				font-size: 13px;
				line-height: 30px;
				margin: 0 auto;
			}
			
			.b1 form input {
				width: 400px;
				height: 60px;
				font-size: 16px;
				color: #6D6D6D;
				border: 1px solid #ccc;
				text-indent: 1.5em;
			}
			
			.b2 form input {
				width: 200px;
				height: 60px;
				font-size: 16px;
				color: #6D6D6D;
				border: 1px solid #ccc;
				text-indent: 1.5em;
			}
			
			.b4 form input {
				width: 400px;
				height: 60px;
				font-size: 16px;
				color: #6D6D6D;
				border: 1px solid #ccc;
				text-indent: 1.5em;
			}
			
			.b5 form input {
				width: 400px;
				height: 60px;
				font-size: 16px;
				color: #6D6D6D;
				border: 1px solid #ccc;
				text-indent: 1.5em;
			}
		</style>
	</head>

	<body>
		<div class="a">
			<img src="img/logo.png" />
			<p>您好，欢迎光临一建物流！
				<a href="登录.html" target="_blank">请登录</a>&nbsp;&nbsp;&nbsp;&nbsp;</p>
			<form action="#" method="get">
				<select name="帮助中心">
					<option value="">帮助中心</option>
					<option value="1">客服中心</option>
				</select>
			</form>
		</div>
		<div class="b">

			<p>员工注册</p>
			<div class="b1">
				<form action="" method="get">
					<p><input type="text" placeholder="手机号" /></p>
				</form>
			</div>
			<div class="b2">
				<p>
					<form action="" method="get">
						<input type="text" placeholder="验证码" />
					</form>
				</p>
			</div>
			<div class="b3">
				<a href="#" />获取验证码</a>
			</div>
			<div class="b4">
				<p>
					<form action="" method="get">
						<input type="password" placeholder="请输入密码" />
					</form>
				</p>
			</div>
			<div class="b5">
				<p>
					<form action="" method="get">
						<input type="password" placeholder="再次确认密码" />
					</form>
				</p>
			</div>
			<div class="b6">
				<p>点击注册表示您同意隐私合约
					<font color="#0066CC">《服务协议》</font>
				</p>

			</div>
			<div class="b7">
				<a href="登录.html" target="_blank">同意协议并注册</a>
			</div>
		</div>
		<div class="c">
			<p>软件工程课设 | 第十四组 | 运输配货系统</p>
			<p> pc端系统 2022.1.6</p>
		</div>
	</body>

</html>